<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Responsive Theme, Full Blog Post</title>
  <meta name="keywords" content="responsive, blog post, comments, bootstrap, free template, templatemo" />
  <meta name="description" content="Responsive Theme, full blog post, web template by Bootstrap front-end framework." />
  <link href="/default/css/bootstrap.min.css" rel="stylesheet" type="text/css">
  <link href="/default/css/templatemo_style_fix_menu.css" rel="stylesheet" type="text/css">
  <link href="/default/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
  <link href="http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet" type="text/css">
  <link href="/default/css/templatemo_style.css" rel="stylesheet" type="text/css">
  <!-- HTML 5 shim for IE backwards compatibility -->
  <!-- [if lt IE 9]>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
  </script>
  <![endif]-->
</head>
<body>
  <header>
   <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="brand" href="http://www.cssmoban.com/" target="_parent">Responsive</a>
        <nav class="nav-collapse collapse">
          <ul class="nav pull-right">
            <li><a href="/">Home</a></li>
            <li><a href="/defalutHtml/about.html">About</a></li>
            <li><a href="/defalutHtml/portfolio.html">Portfolio</a></li>
            <li><a href="/defalutHtml/blog.html">Blog</a></li>
            <li><a href="/defalutHtml/contact.html">Contact</a></li>
           <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Affiliates <span class="caret"></span></a>
            <ul class="dropdown-menu">
              	<li><a href="http://www.cssmoban.com"  target="_blank">Free CSS Templates</a></li>
                <li><a href="#" target="_blank">Free Flash Stuffs</a></li>
                <li><a href="#" target="_blank">Flash Web Gallery</a></li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
  </div>
</div>
</header>
<section class="container" id="page_content">
  <div class="row">
    <div class="span9">
      <div class="row">
        <header class="span12">
          <h3>Full Blog Post</h3>
        </header> 
      </div>
      <div id="content">
        <article class="post_box"><a href="blog_post.html"><img src="images/templatemo_image_01.png" alt="Model Girl 1" class="image_frame_300 img-polaroid"/></a>
          <h2>Proin Mauris Nibh Aliquet id Consequat</h2>
          <p> In ante felis, molestie eu euismod id, gravida id enim. Nam consequat vehicula libero, in dignissim velit blandit vel. Morbi quam sapien, pellentesque id aliquam eu, molestie non velit,non viverra quam sem eget elit. </p>
          <p>Morbi venenatis augue sit amet ante facilisis feugiat sed in lectus. Vivamus imperdiet, ante a pretium vehicula, ante enim sodales mi, eu rutrum odio turpis eget arcu. Proin a elit nisl, id aliquam felis. Nunc ultrices iaculis quam, sed commodo erat tempus mollis. Duis ultricies nulla sed dolor egestas id. Lorem ipsum dolor sit amet, <a href="#">consectetur</a> adipiscing elit. Etiam nec turpis bibendum massa dapibus dictum. Donec eu odio sapien. </p>
          <p>Donec tincidunt eleifend mauris, ac volutpat leo tincidunt a. Aenean vel vehicula augue. Vestibulum lectus sem, porttitor non molestie quis, pulvinar nec nulla. Maecenas id orci vitae lectus fermentum posuere. <a href="#">Phasellus</a> lacinia eleifend elit, eu mollis erat consectetur et. Integer semper sollicitudin quam a ornare. Nam venenatis nibh ac sem faucibus et imperdiet magna laoreet. Sed at risus dui. Ut imperdiet libero at mauris vestibulum tempor. </p>
<p>Vestibulum at lorem ac lectus rhoncus aliquet eget ac mauris. Proin nec nunc magna, eu blandit massa. Sed elementum nisi ut quam vehicula eu egestas nisi varius. <a href="#">Aenean semper</a> convallis mi eu congue. In vel neque orci.</p>
        </article>
        <div class="cleaner"></div>        
        <section id="comment_section">
          <h5>Comments</h5>
          <ol class="comments first_level">
            <li>
              <article class="comment_box commentbox1">
                <div class="gravatar">
                  <img src="images/avator.png" alt="author 6" />
                </div>
                <div class="comment_text">
                  <div class="comment_author">Van <span class="date">22 May 2072</span> <span class="time">10:25 am</span></div>
                  <p>Ut tellus sapien, molestie in lobortis sit amet, blandit vitae purus. Aliquam dictum vehicula fringilla. Sed justo nisl, eleifend non luctus placerat, porttitor in sem. Donec accumsan dui vel ligula varius elementum.</p>
                  <div class="reply"><a href="#">Reply</a></div>
                </div>
                <div class="cleaner"></div>
              </article>
            </li>
            <li>
              <ol class="comments">
                <li>
                  <article class="comment_box commentbox2">
                    <div class="gravatar">
                      <img src="images/avator.png" alt="author 5" />
                    </div>
                    <div class="comment_text">
                      <div class="comment_author">Patrick <span class="date">23 May 2072</span> <span class="time">08:45 pm</span></div>
                      <p>Etiam cursus cursus libero, a feugiat tortor ornare sit amet. Vestibulum sed felis id massa malesuada tempus in ut nisl. Donec in risus dui, nec bibendum lacus.</p>
                      <div class="reply"><a href="#">Reply</a></div>
                    </div>
                    <div class="cleaner"></div>
                  </article>
                </li>
                <li>
                  <ol class="comments">
                    <li>
                      <article class="comment_box commentbox1">
                        <div class="gravatar">
                          <img src="images/avator.png" alt="author 4" />
                        </div>
                        <div class="comment_text">
                          <div class="comment_author">Anna <span class="date">24 May  2072</span> <span class="time">11:42 am</span></div>
                          <p>Sed congue aliquet ultrices. Sed dapibus, justo non ultricies adipiscing, orci risus vehicula metus, vehicula commodo felis odio eu nisi.</p>
                          <div class="reply"><a href="#">Reply</a></div>
                        </div>
                        <div class="cleaner"></div>
                      </article>
                    </li>
                  </ol>
                </li>
              </ol>
            </li>
            <li>
              <article class="comment_box commentbox1">
                <div class="gravatar">
                  <img src="images/avator.png" alt="author 1" />
                </div>
                <div class="comment_text">
                  <div class="comment_author">Mark <span class="date">25 May  2072</span> <span class="time">04:30 am</span></div>
                  <p>Donec gravida volutpat purus, a pellentesque odio bibendum malesuada. Pellentesque id velit id lorem laoreet porttitor eget ut risus. Aliquam a nisl ante, eu dapibus est.</p>
                  <div class="reply"><a href="#">Reply</a></div>
                </div>
                <div class="cleaner"></div>
              </article>
            </li>
            <li>
              <article class="comment_box commentbox1">

                <div class="gravatar">
                  <img src="images/avator.png" alt="author 2" />
                </div>
                <div class="comment_text">
                  <div class="comment_author">Danny <span class="date">26 May  2072</span> <span class="time">12:33 pm</span></div>
                  <p>Mauris at lacus libero, a dictum mi. Aliquam volutpat odio a sem varius pretium. Proin eleifend, mauris id consequat convallis, risus lacus ullamcorper ante, quis molestie nulla massa et sem.</p>
                  <div class="reply"><a href="#">Reply</a></div>
                </div>
                <div class="cleaner"></div>
              </article>
            </li>
          </ol>
          <div class="cleaner"></div>    
          <nav class="pagination">
            <ul>
              <li class="disabled"><a href="#" target="_parent">&laquo;</a></li>
              <li class="active"><a href="#" target="_parent">1</a></li>
              <li><a href="#" target="_parent">2</a></li>
              <li><a href="#" target="_parent">3</a></li>
              <li><a  href="http://www.cssmoban.com/" target="_parent">4</a></li>
              <li><a  href="http://www.cssmoban.com/" target="_parent">5</a></li>
              <li><a  href="http://www.cssmoban.com/page/6" target="_parent">6</a></li>
              <li><a  href="http://www.cssmoban.com/page/7" target="_parent">&raquo;</a></li>
            </ul>
          </nav>
        </section>
        <div class="cleaner"></div>
        <div id="comment_form">
          <h5>Leave your comment</h5>
          <form action="#" method="post">
            <div class="form_row">
              <label>Name (* required)</label>
              <br />
              <input name="name" type="text" maxlength="30" />
            </div>
            <div class="form_row">
              <label>Email  (* required but it will not be published)</label>
              <br />
              <input name="email" type="text" maxlength="30" />
            </div>
            <div class="form_row">
              <label>Your comment</label><br />
              <textarea  name="comment"></textarea>
            </div>
            <button type="submit" class="btn btn-warning">Submit</button>
          </form>
        </div>
      </div>
    </div>
    <aside class="span3">
      <nav class="well sidebar-nav">
        <ul class="nav nav-list">
          <li class="nav-header">Categories</li>
          <li class="active"><a href="#">Lorem ipsum</a></li>
          <li><a href="#">Suspendisse </a></li>
          <li><a href="#">Calender</a></li>
          <li><a href="#">Events</a></li>
          <li class="nav-header">Sidebar</li>
          <li><a href="#">Nam sed mi</a></li>
          <li><a href="#">Aenean</a></li>
          <li><a href="#">Quisque</a></li>
          <li><a href="#">Fusce</a></li>
          <li><a href="#">Sed varius</a></li>
          <li><a href="#">Maecenas</a></li>
          <li class="nav-header">Sidebar</li>
          <li><a href="#">Cras convallis</a></li>
          <li><a href="#">Integer id sapien</a></li>
          <li><a href="#">Vestibulum</a></li>
        </ul>
      </nav>
      <section>
        <h4 class="text-center">Testimonials</h4>
        <blockquote class="pull-right"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
          <small><cite title="Source Title">Tim Cook</cite>, Visual Designer</small>
        </blockquote>
      </section>
  </aside>
  </div>
</section>
<footer>
    <div class="container">        
      <div id= "latest" class="row">
        <section class="span4 rp_box_wrapper">
          <h4>Latest Blog Posts <i class="icon-pencil icon-white"></i></h4>
          <article class="rp_box">
            <a href="#"><img src="images/templatemo_image_04.png" alt="image 4" class="img-rounded"/></a>
            <div class="date">May 24, 2072</div>
            <a href="#">Sed quam lorem, ultricies et lobortis rutrum, tristique id lorem.</a>            
          </article> 
          <article class="rp_box">
            <a href="#"><img src="images/templatemo_image_05.png" alt="image 5"  class="img-rounded"/></a>
            <div class="date">May 20, 2072</div>
            <a href="#">Duis vestibulum libero accumsan lorem varius tristique.</a>            
          </article> 
          <article class="rp_box">
            <a href="#"><img src="images/templatemo_image_06.png" alt="image 6"  class="img-rounded"/></a>
            <div class="date">May 16, 2072</div>
            <a href="#">Class aptent taciti sociosqu ad litora torquent per conubia.</a>            
          </article>
        </section>

        <section class="span4 rp_box_wrapper">
        
          <h4>Latest Tweets <i class="icon-twitter icon-white"></i></h4>
          
          <ul class="twitter_post">
            <li>Suspendisse at scelerisque urna. Aenean tincidunt massa in tellus varius ultricies. <a href="#">#</a></li>
            <li>Proin dignissim, diam nec <a href="#">@网站模板</a> enim lorem tempus orci, ac imperdiet ante purus in justo.</li>
            <li>Fusce cursus consectetur ultricies <a href="#">#freetemplate</a> uis nisl lectus, mattis ut elementum id, fermentum sed erat. </li>
            <li>Sexy social buttons by Stephen Burgess on <a href="http://codepen.io/minimalmonkey/details/Ecpla" target="_blank">codepen.io</a></li>
            <li>Icons Collect from <a href="http://fontawesome.io" target="_blank">Font Awesome</a></li>
            <li>Validate <a href="#" >HTML</a> &amp; <a href="#" >CSS</a></li>
          </ul>
          <br />
          
          <div class="social_buttons">
           <a href="#" class="icon-button twitter"><i class="icon-twitter"></i><span></span></a>
           <a href="#" class="icon-button facebook"><i class="icon-facebook"></i><span></span></a>
           <a href="#" class="icon-button google-plus"><i class="icon-google-plus"></i><span></span></a>
         </div>
         
       </section>
       
       <section class="span4 rp_box_wrapper">
       
        <h4>Contact Us <i class="icon-envelope icon-white"></i></h4>
        <form>
          <input name="fullname" type="text" id="fullname" placeholder="Name" maxlength="30" />
          <input name="email" type="text" id="email" placeholder="Email" maxlength="30" />
          <textarea rows="3" placeholder="Message"></textarea>
          <p><button type="submit" class="btn">Submit</button></p>
        </form>
        
        <address>
          <strong>Responsive</strong><br>
          222-444 Aliquam semper dignissim,<br>
      	  Fusce cursus turpis lacus, 22440<br>
          Sit amet tortor<br />
          <a href="#" title="股票照片"  class="res_about" >股票照片</a><br>
          <abbr title="Phone">Phone:</abbr> <a href="tel:020-040-0240" title="give us a call">020-040-0240</a><br>
          <abbr title="Email">Email:</abbr> <a href="mailto:info@company.com">info@company.com</a>
        </address> 

      </section>
      
    </div>
      <div class="credit">
        <p id="templatemo_cr_bar">
          Copyright © 2072 <a href="#">Your Company Name</a> | <a  href="http://www.cssmoban.com/">模板之家</a> Collect from <a href="http://www.cssmoban.com">网页模板</a>
        </p>
      </div>
    </div>
  </footer>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>